import QtQuick 2.0

Item {
    Rectangle {
        id: rect1
        x: 12; y: 12
        width: 76; height: 96
        color: "lightsteelblue"
        MouseArea {
            id: area
            width: parent.width
            height: parent.height
            /*
这是QtQuick中非常重要的概念，输入处理与可视化显示分开。这样你的交互区域
可以比你显示的区域大很多
*/
            //width: parent.parent.width
            //height: parent.parent.height
            onClicked: rect2.visible = !rect2.visible
        }
    }
    Rectangle {
        id: rect2
        x: 112; y: 12
        width: 76; height: 96
        border.color: "lightsteelblue"
        border.width: 4
        radius: 8
    }
}
